import { useState, useEffect } from 'react'
import { useNavigate } from 'react-router-dom'
import { Button } from 'tdesign-react'
import { useTranslation } from 'react-i18next'
import './index.less'

const NotFound = () => {

  const navigate = useNavigate()

  const { t } = useTranslation(['commonPage'])

  const goBack = () => {
    navigate('/aio/home')
  }

  return <div className='not-found'>
    <Button className='go-back' onClick={goBack}>{t('error.notFoundPage.backButton')}</Button>
    <span className='number'>404</span>{t('error.notFoundPage.description')}</div>
}

export default NotFound
